import { Component ,ViewChild} from '@angular/core';

/**
 * 侧边栏功能组件
 * @example
 * <nova-edit-sidebar></nova-edit-sidebar>
 */
@Component({
  selector: 'nova-edit-sidebar',
  templateUrl: './sidebar.component.html',
  styleUrls: ['./sidebar.component.scss']
})
export class SidebarComponent {

  /**
   * 获取到当前组件视图中的#mySidenav元素
   */
  @ViewChild('mySidenav')
  mySidenav:any

  /**
   * @type {boolean} 默认为true
   */
  flag:boolean=true


   /**
   * 将false赋值给flag变量
   * 改变当前组件视图中#mySidenav元素的width为250px
   * 
   */
  openNav() {
    this.flag=false
    this.mySidenav.nativeElement.style.width = "250px";
      }
   /**
   * 将false赋值给true变量
   * 改变当前组件视图中#mySidenav元素的width为0px
   * 
   */
  closeNav() {
    this.flag=true
    this.mySidenav.nativeElement.style.width = "0";
      }
}
